<template>
<el-container>
  <el-header class="color-1">
      <navbar></navbar>
  </el-header>
  <el-main>
      <div>
          <world></world>
      </div>
      <el-divider></el-divider>
      <h2>全球疫情走势</h2>
      <globaltrend></globaltrend>
      <el-divider></el-divider>
      <h2>国际疫情走势</h2>
      <worldtrend></worldtrend>
      <el-divider></el-divider>
      <h2>疫苗接种情况</h2>
      <worldinoculation></worldinoculation>
      <el-divider></el-divider>
      <h2>世界各国疫情控制</h2>
      <worldvariance></worldvariance>
      <el-divider></el-divider>
  </el-main>
</el-container>
</template>

<script>
import worldtrend from './WorldTrend.vue'
import worldvariance from './WorldVariance.vue'
import globaltrend from './GlobalTrend.vue'
import worldinoculation from './WorldInoculation.vue'
import world from './World.vue';
import navbar from './Navbar.vue'
export default {
    components:{
        navbar,
        world,
        worldinoculation,
        worldtrend,
        worldvariance,
        globaltrend
    }
}
</script>

<style>
.el-main {
  background-color: #ffffff;
  color: #333;
  text-align: center;
  height: 100vh;
}
</style>